@charset "utf-8";
@import "reset";
$fontsize:64px;
@function r($px){
    @return $px/$fontsize*1rem;
}
body{
    width: 100%;
    height: 100%;
}
.denglu{
    width: 100%;
    height: 100%;
    background: #222222;
    .logo{
        padding-top: 105px;
        padding-bottom: 47px;
        text-align: center;
        img{
            width: r(162px);
            height: r(138px);
        }
    }
    .shuru{
        width: r(490px);
        height: r(52px);
//      border: 1px solid #3d3d3d;
        background: #3d3d3d;
        margin: 0 auto;
        > span:nth-child(1){
            border: 1px solid #303030;
            background: #303030;
            width: r(60px);
            height: r(48px);
            display: inline-block;
            text-align: center;
            line-height: r(52px);
            vertical-align: top;
            img{
                width: 70%;
                height: 80%;
                margin-top: r(10px);
            }
        }
        >span:nth-child(2){
            display: inline-block;
            height: 100%;
        }
        > span:nth-child(2) input{
            width: 98%;
            height: 99%;
            vertical-align: top;
            line-height: r(52px);
            margin-left: r(40px);
            border: none;
            background: #3d3d3d;
        }
    }
    .shouji{
        height: r(15px);
    }
    .mima{
        height: r(27px);
    }
    .wangji{
        width: r(492px);
        margin: 0 auto;
        text-align: right;
        line-height: 1px;
        > span:nth-child(1) img{
            width: r(20px);
            height: r(20px);
        }
        > span:nth-child(2){
            color: white;
            font-size: r(20px);
        }
    }
    .denglukuang{
        width: r(494px);
        margin: 0 auto;
        > a{
            width: r(494px);
            height: r(52px);
            border: 1px solid #b60005;
            background: #b60005;
            color: white;
            text-align: center;
            line-height: r(52px);
            display: inline-block;
            font-size: r(23px);
        }
    }
    .zhucekuang{
        width: r(494px);
        margin: 0 auto;
        margin-bottom: r(30px);
        > a{
            width: r(494px);
            height: r(52px);
            border: 1px solid #b60005;
            background: #303030;
            color: white;
            text-align: center;
            line-height: r(52px);
            display: inline-block;
            font-size: r(23px);
        }
    }
}
